﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="ProductDetail.aspx.cs" Inherits="ProductDetail" %>

<%@ Register Src="usercontrols/UniqueProduct.ascx" TagName="UniqueProduct" TagPrefix="uc1" %>
<%@ Register Src="usercontrols/NewsInDay.ascx" TagName="NewsInDay" TagPrefix="uc2" %>
<%@ Register Src="usercontrols/Servey.ascx" TagName="Servey" TagPrefix="uc3" %>
<%@ Register Src="usercontrols/Search.ascx" TagName="Search" TagPrefix="uc4" %>
<%@ Register Src="usercontrols/SiteAds.ascx" TagName="SiteAds" TagPrefix="uc5" %>
<%@ Register Src="usercontrols/vote.ascx" TagName="vote" TagPrefix="uc6" %>
<asp:Content ID="Content1" ContentPlaceHolderID="headMeta" runat="Server">
    <asp:Literal ID='lblMeta' runat="server" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="Server">
    <title>
        <asp:Literal ID='lblPageTitle' runat="server" /></title>
    <link href="css/jqzoom.css" rel="stylesheet" type="text/css" />
    <link href="css/smoothDivScroll.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
    <script src="js/jquery.raty.min.js" type="text/javascript"></script>
    <script src="js/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>
    <script src="js/ProductDetail.js" type="text/javascript"></script>
    <style type="text/css">
        #makeMeScrollable { width: 307px; position: relative; height: 50px; }
        .scrollableArea { }
        #makeMeScrollable div.scrollableArea a { position: relative; float: left; margin: 0; padding: 0; white-space: nowrap; height: 50px; width: 66px; padding: 1px; display: block; }
        #thumblist a img { height: 50px; }
    </style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class='page_body page_width'>
        <div class="TimKiemSlideSiteAds">
            <uc4:Search ID="Search1" runat="server" />
            <div class="SlideShowBlock">
                <div id="wrapper">
                    <a href="http://dev7studios.com" id="dev7link" style="display: none;" title="">
                        </a>
                    <div class="slider-wrapper theme-default">
                        <div class="ribbon">
                        </div>
                        <div id="slider" class="nivoSlider">
                        </div>
                    </div>
                </div>
            </div>
            <uc5:SiteAds ID="SiteAds1" runat="server" />
        </div>
        <div id="bodyHolder" class="DanhMucSanPhamList">
            <div id="CategoryMenu" class="LeftCatogory">
                <div class="DanhMucSanPhamHeader">
                    <a id='productcategory'></a>
                </div>
                <div id="leftPanel">
                </div>
                <uc1:UniqueProduct ID="UniqueProduct1" runat="server" />
                <uc2:NewsInDay ID="NewsInDay1" runat="server" />
                <uc3:Servey ID="Servey1" runat="server" />
            </div>
            <div class="KhuyenMaiHangMoiVe">
                <uc6:vote ID="voteProduct" runat="server" VID="productRateVote" Enable="false" Star="2.5" />
                <a>
                    <h1 id='lblProductDetailInfo'>
                    </h1>
                </a>
                <div style="display: block; text-align: justify;">
                    <div class="clear chitietSanPham">
                        <div class="PoductImages">
                            <div class="clearfix" id="content">
                                <div class="clearfix">
                                    <asp:Literal ID="ltrDefaultImage" runat="server" />
                                </div>
                                <div id="makeMeScrollable">
                                    <div class="scrollingHotSpotLeft">
                                    </div>
                                    <div class="scrollingHotSpotRight">
                                    </div>
                                    <div class="scrollWrapper">
                                        <div id="thumblist" class="scrollableArea">
                                            
                                                <asp:Literal ID="ltrProductThumblist" runat="server" />
                                            

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h2>
                            <asp:Literal ID="ltrItemName" runat="server" />
                        </h2>
                        <div class='share'>
                            <a id='sharelinktoyahoo'><b class="iconShareYahoo"></b>Gửi qua yahoo</a> <a id='sharetofacebook'
                                target="_blank"><b class="iconShareFacebook"></b>Share on facebook</a> <a><b class="iconShareMail">
                                </b>Gửi cho bạn bè</a>
                        </div>
                        <div class="productinfodetail">
                            <asp:Literal ID="ltrProductDetail" runat="server" />
                            <div style='height: 25px; display: block;'>
                                <div class='shoppingcart' id='shoppingFunction'>
                                    <a href='#Addtocart' id='btnProductdetailAddToCart'><b class='iconCart'></b><span
                                        id='btnAddProductToCart'></span></a>
                                    <label id='productinfodetail_Quantity' for="txtSoLuong">
                                    </label>
                                    <input type="text" value="1" id='txtSoLuong' class='validateNum' maxlength="5" />
                                </div>
                                <div class='pprice'>
                                    <asp:Literal ID="ltrPrice" runat="server" />
                                </div>
                            </div>
                        </div>
                        <asp:Literal ID='ltrProductGuide' runat="server" />
                        <asp:Literal ID="ltrProductIntro" runat="server" />
                        <asp:Literal ID="ltrProductNews" runat="server" />
                        <div class='comment clear'>
                            <h3 class='commentHeader'>
                                <div class='ShowCommentBtn'>
                                    <a class='btn' id='btnShowCommentForm'></a>
                                    <label id='lblShowCommentForm'>
                                    </label>
                                </div>
                                <label id='lblCommentHeader'>
                                </label>
                                <b class='iconComment'></b>
                            </h3>
                            <div id='commentlist'>
                            </div>
                        </div>
                    </div>
                    <div class="pagging" style='width: 450px; margin-left: 200px;'>
                        <a class="btnLoadMore" id='btnLoadMoreComment'>
                        </a>
                    </div>
                </div>
                <div class='sanphamtuongtu'>
                    <asp:Literal ID="ltrSameProduct" runat="server" />
                    <div class='sanphamtuongtucontent' id='SameProductslist'></div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</asp:Content>
